<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>商户信息维护</title>
    <style>
        .uploader-list-container {
            color: #838383;
            font-size: 12px;
            margin-top: 10px;
            background-color: #FFF;
            border: solid 1px #ddd;
        }
        .webuploader-container {
            position: relative;
            display: inline-block;
            vertical-align: top;
        }
        .uploader-list-container .queueList {
            margin: 20px;
        }

        .uploader-list-container .placeholder {
            border: 3px dashed #e6e6e6;
            min-height: 238px;
            padding-top: 158px;
            text-align: center;
            background: url(images/image.png) center 93px no-repeat;
            color: #cccccc;
            font-size: 18px;
            position: relative;
        }
        .webuploader-container {
            position: relative;
            display: inline-block;
            vertical-align: top;
        }
        .uploader-list-container .placeholder .webuploader-pick {
            font-size: 18px;
            background: #00b7ee;
            border-radius: 3px;
            line-height: 44px;
            padding: 0 30px;
            color: #fff;
            display: inline-block;
            margin: 20px auto;
            cursor: pointer;
            box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
        }
    </style>
</head>
<body>
<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页
    <span class="c-gray en">&gt;</span>
    商户管理
    <span class="c-gray en">&gt;</span>
    商户信息维护
    <span class="c-gray en">&gt;</span>
    商户信息编辑
</nav>
<div class="page-container">

    <form name="product-add" action="" method="post" class="form form-horizontal" id="product-add">
        <div class="form-unit">基本信息</div>
        <div class="form-group">
            <label class="control-label col-xs-4 col-sm-2"><span class="c-red">*</span>商户名称：</label>
            <div class="formControls col-xs-4 col-sm-5">
                <input type="text" class="form-control" value="" placeholder=""  name="title">
            </div>
        </div>

        <div class="form-group">
            <label for=""class="control-label col-xs-4 col-sm-2"><span class="c-red">*</span>电话</label>
            <div class="formControls col-xs-5 col-sm-5">
                <input type="text" class="form-control"placeholder="">
            </div>
        </div>
        <div class="form-group">
            <label class="control-label col-xs-4 col-sm-2"><span class="c-red">*</span>商户分类：</label>
            <div class="formControls col-xs-4 col-sm-5">
               <select name="" id="" class="form-control">
                    <option value="">旗舰店</option>
                    <option value="">加盟店</option>
                    <option value="">其他</option>
                </select>
                <!--<input type="text" onclick="chooseCategory()" readonly class="form-control" value="" placeholder="请点击选择按钮选择商品分类" id="cname" name="cname" style="width:50%">-->
                <!--<input type="button" onclick="chooseCategory()" class="btn btn-secondary radius" value="选择类别">-->
            </div>
        </div>
        <div class="form-group">
            <label class="control-label col-xs-4 col-sm-2"><span class="c-red">*</span>地区</label>
            <div class="form-inline col-xs-4 col-sm-5">
                <select class="form-control name="" id="">
                <option value="">南京市</option>
                </select>
                <select class="form-control name="" id="">
                <option class=" value="">秦淮区</option>
                <option class=" value="">玄武区</option>
                <option class=" value="">栖霞区</option>
                <option class=" value="">浦口区</option>
                <option class=" value="">白下区</option>
                <option class=" value="">江宁区</option>
                </select>
                <select class="form-control name="" id="">
                <option value="">=不限=</option>
                </select>
            </div>
        </div>
        <div class="form-group">
            <label class="control-label col-xs-4 col-sm-2"><span class="c-red">*</span>详细地址</label>
            <div class="formControls col-xs-4 col-sm-5">
                <input type="text" name="num" id="num" placeholder="例:光华路四方新村八村2号" value="" class="form-control" style="width:50%">
            </div>
        </div>
        <div class="form-unit">详细信息</div>
        <div class="form-group ">
            <label class="control-label col-xs-4 col-sm-2"><span class="c-red">*</span>简介描述：</label>
            <div class="formControls col-xs-5 col-sm-5">
                <textarea type="text" class="form-control" value="" placeholder=""  name="sellPoint">
                </textarea>
            </div>
        </div>


        <!--<div class="form-group">-->
            <!--<label class="control-label col-xs-4 col-sm-2"><span class="c-red">*</span>购买限制数量：</label>-->
            <!--<div class="formControls col-xs-8 col-sm-9">-->
                <!--<input type="text" name="limitNum" id="limitNum" placeholder="0~9999" value="" class="form-control" style="width:50%">-->
                <!--件</div>-->
        <!--</div>-->
        <input type="text" name="image" id="image" hidden/>
        <div class="form-group">
            <label class="control-label col-xs-4 col-sm-2"><span class="c-red">*</span>展示缩略图片上传：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <div class="uploader-list-container">
                    <div class="queueList">
                        <div id="dndArea" class="placeholder">
                            <div name="filePicker" id="filePicker-2">
                                <input type="image" value="点击选择图片" class="btn btn-primary">
                            </div>
                            <p>或将照片拖到这里，最多可选5张</p>
                        </div>
                    </div>
                    <div class="statusBar" style="display:none;">
                        <div class="progress"> <span class="text">0%</span> <span class="percentage"></span> </div>
                        <div class="info"></div>
                        <div class="btns">
                            <div id="filePicker2"></div>
                            <div class="uploadBtn">开始上传</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="form-group">
            <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
                <button id="saveButton" class="btn btn-primary radius" type="submit"><i class="Hui-iconfont">&#xe632;</i> 保存并发布</button>
                <button onClick="layer_close();" class="btn btn-default radius" type="button">&nbsp;&nbsp;取消&nbsp;&nbsp;</button>
            </div>
        </div>
    </form>
</div>
<script>

</script>
</body>
</html>